@import url(style1.css);
@import url(slide.css);
@import url(pscroll.css);
@import url(lrtk3.css);
/*首页*/
/*关于我们*/
.i_t{ text-align:center; margin-top:5%; text-transform:uppercase; position:relative; color:#f8f8f8; font-weight:900; overflow:hidden; line-height:1; font-family:Arial, Helvetica, sans-serif;}
.i_t .txt{ position:absolute; top:50%; width:100%; text-transform:none; color:#333333; overflow:hidden; left:0;transform: translate(0%, -50%);}
.i_t .txt span{ display:inline-block; overflow:hidden; position:relative; padding-left:40px; padding-right:40px;}
.i_t .txt span:before{ content:""; position:absolute;width:22px; height:14px;left:0; top:50%;  margin-top:-7px;background:url(../images/i_bg1.png) center center no-repeat; background-size:100% 100%;}
.i_t .txt span:after{ content:""; position:absolute;width:22px; height:14px;right:0; top:50%; margin-top:-7px;background:url(../images/i_bg2.png) center center no-repeat;background-size:100% 100%;}
.i_about{ overflow:hidden; margin-top:3%; margin-bottom:6%;}
.i_about .imgs{ float:right; width:50%; border-radius:6px; overflow:hidden;}
.i_about .imgs .img{ background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;transition:all 0.3s;}
.i_about .imgs:hover .img{-webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05);}
.i_about .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.i_about .txts{  max-width:640px; width:48%; float:left; overflow:hidden;}
.i_about .txts .label{line-height:1.4;color:#485565; font-weight:bold; overflow:hidden; margin-top:6%;}
.i_about .txts .label .colors{ color:#3db247;}
.i_about .txts .title{line-height:1.4;color:#485565; font-weight:bold; overflow:hidden;}
.i_about .txts .cons{ color:#666666; overflow:hidden; margin-top:5%; line-height:26px; height:104px; font-size:16px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.i_about .counter{ margin-top:6%; text-align:center;}
.i_about .counter ul li{ float:left; width:33.333333%; transition:all 0.3s; }
.i_about .counter ul li .txts2{padding-left:1%; padding-right:1%; max-width:130px;}
.i_about .counter ul li .nums{ overflow:hidden; font-weight:bold;width:109px; height:109px; line-height:109px; margin:0 auto;color:#fff; background:url(../images/i_bg3.png) no-repeat; background-size:100% 100%;}
.i_about .counter span{  display:inline-block; vertical-align:top; overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
.i_about .counter label{  display:inline-block; font-size:14px; vertical-align:top; line-height:50px; }
.i_about .counter .h6{ font-weight: normal; font-size:17px; overflow:hidden; line-height:24px; height:24px; color:#333333; margin-top:6px;white-space:nowrap;text-overflow:ellipsis;}
.i_about .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.i_about .imore1{ display:block; width:30px; height:30px;  overflow:hidden;transition:all 0.3s; margin-top:10%; background:url(../images/i_bg4.png) no-repeat; background-size:100% 100%;}
.i_about .imore1:hover{ background-image:url(../images/i_bg4_on.png); margin-left:3px;}
/*研发定制*/
.i_product_bg{ overflow:hidden; background: url(../images/pbg.jpg) no-repeat center  top #f8f8f8; }
.i_product_bg .i_t{color:#ededed;}
.i_product{ overflow:hidden; margin-top:3%;-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.05); box-shadow: 0 5px 15px rgba(0,0,0,0.05); background:  rgba(100%,100%,100%,.9);border-radius:6px; margin-bottom:6%;  padding-bottom:5%;}
.i_product .imgs{ float:left; width:50%; border-radius:6px 0 0 6px; overflow:hidden;}
.i_product .imgs .img{ background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;transition:all 0.3s;}
.i_product .imgs:hover .img{-webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05);}
.i_product .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.i_product .txts{ overflow:hidden;}
.i_product .txts .cons{ margin:0 auto; width:90%; overflow:hidden;}
.i_product .txts .tit{ padding-top:5%; padding-bottom:3%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.i_product .txts .tit .h3{ font-weight:bold;height:79px; line-height:79px; overflow:hidden; padding-left:92px; background:url(../images/i_pic1.png) center center no-repeat; background-size:79px 79px; }
.i_product .txts .tit i { display:block;  font-style:normal; line-height:60px; font-size:22px; text-align:center;}

.i_product .txts .p{ color:#666666; overflow:hidden; margin-top:2%; line-height:26px;  font-size:16px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-align:center;}

.pro_list ul { margin-top:3%; width:100%; display:block; height:200px;}
.pro_list ul li { width:26%; margin:0.5% 1.5%; line-height:50px; border:1px solid #d9d9d9; padding:0px 2%; text-align:center; text-align:left; font-size:16px; color:#333; background:#f4f4f4; float:left;}
.pro_list ul li font {display: inline-block; float:left;transition:all 0.4s;}
.pro_list ul li span { width:25px; height:25px; background:#fff; border:1px solid #d9d9d9; text-align:center; line-height:25px; float:right; font-family:"黑体"; color:#999; margin-top:4%; border-radius:50%; transition:all 0.4s;}




.pro_list ul a:hover li { background:#485565; border:1px solid #485565; box-shadow:2px 2px 2px 2px rgba(0,0,0,.2);color:#fff;}
.pro_list ul a:hover li font { margin-left:2%;}
.pro_list ul a:hover li i { color:#fff;}
.pro_list ul a:hover li span { margin-right:2%;}




.i_product .imore1{ display:block; width:30px; height:30px;  overflow:hidden;transition:all 0.3s; margin-top:10%; background:url(../images/i_bg4.png) no-repeat; background-size:100% 100%;}
.i_product .imore1:hover{ background-image:url(../images/i_bg4_on.png); margin-left:3px;}
/*应用领域*/
.i_application{ overflow:hidden; background:#fff; border-radius:6px; margin-top:3%; margin-bottom:6%; position:relative;}
.i_application .i_application_l{ width:46%; max-width:602px; left:2%; position:absolute; top:50%;transform: translate(0%, -50%);}
.i_application .i_application_l ul{overflow:hidden;}
.i_application .i_application_l ul li{ width:33.33%; text-align:center; float:left; overflow:hidden; position:relative; padding-bottom:28px; cursor:pointer;}
.i_application .i_application_l ul li:nth-child(4),.i_application .i_application_l ul li:nth-child(5),.i_application .i_application_l ul li:nth-child(6){ padding-bottom:0; padding-top:28px;}
.i_application .i_application_l ul li:after{ content:""; position:absolute; right:0; top:0; height:100%; width:1px; background:#eeeeee;}
.i_application .i_application_l ul li:nth-child(3n+0):after{ width:0;}
.i_application .i_application_l ul li:before{ content:""; position:absolute; left:0; bottom:0; height:1px; width:100%; background:#eeeeee;}
.i_application .i_application_l ul li:nth-child(4):before,.i_application .i_application_l ul li:nth-child(5):before,.i_application .i_application_l ul li:nth-child(6):before{ height:0;}
.i_application .i_application_l ul li .h3{ font-weight:normal; height:28px; line-height:28px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:16px; color:#333333; margin-top:6px;}
.i_application .i_application_l ul li i{ display:block; margin:0 auto; width:94px; height:94px; border:1px solid #efefef; border-radius:50%; background-repeat:no-repeat; background-size:100% 100%;transition:all 0.3s; background-position:center center;}
.i_application .i_application_l ul li:hover i{ background-color:#485565; border-color:#485565;}
.i_application .i_application_l ul li:nth-child(6) i{ background-size:30px 30px; border-color:#fff;}
.i_application .i_application_l ul li:nth-child(6):hover i{ background-color:#fff;}
.i_application .i_application_l ul li i.bgs1{ background-image:url(../images/i_ico1.png);}
.i_application .i_application_l ul li i.bgs2{ background-image:url(../images/i_ico2.png);}
.i_application .i_application_l ul li i.bgs3{ background-image:url(../images/i_ico3.png);}
.i_application .i_application_l ul li i.bgs4{ background-image:url(../images/i_ico4.png);}
.i_application .i_application_l ul li i.bgs5{ background-image:url(../images/i_ico5.png);}
.i_application .i_application_l ul li i.bgs6{ background-image:url(../images/i_bg4.png);}
.i_application .i_application_l ul li:hover i.bgs1{ background-image:url(../images/i_ico1_on.png);}
.i_application .i_application_l ul li:hover i.bgs2{ background-image:url(../images/i_ico2_on.png);}
.i_application .i_application_l ul li:hover i.bgs3{ background-image:url(../images/i_ico3_on.png);}
.i_application .i_application_l ul li:hover i.bgs4{ background-image:url(../images/i_ico4_on.png);}
.i_application .i_application_l ul li:hover i.bgs5{ background-image:url(../images/i_ico5_on.png);}
.i_application .i_application_l ul li:hover i.bgs6{ background-image:url(../images/i_bg4_on.png);}
.i_application .imgs{ float:right; width:50%; overflow:hidden;}
.i_application .imgs .img{ background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;transition:all 0.3s;}
.i_application .imgs:hover .img{-webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05);}
.i_application .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
/*新闻中心*/

/*新闻资讯*/

.news_con{ overflow:hidden; margin-top:4%;}

.news_con ul li{ overflow:hidden;margin-bottom:4%;border-bottom:1px solid #eaeaea; display:block;background:#fff; padding-bottom:4%; width:48%; float:left; margin-right:2%;}

.news_con ul li:last-child{ margin-bottom:0;}

.news_con ul li .imgs{width:306px;float:left;display:inline;overflow:hidden;margin-right:3%; display:none;}

.news_con ul li .imgs img{width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}

.news_con ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.news_con ul li .txts{ overflow:hidden; padding-right:3%; }

.news_con ul li .txts .h3{ line-height:32px; height:32px; overflow:hidden; color:#2a2736; font-weight:normal;transition: all 0.3s; margin-top:26px;white-space:nowrap;text-overflow:ellipsis;}

.news_con ul li .txts .p{ height:56px; overflow:hidden; font-size:15px; color:#888888; line-height:28px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:26px;}

.news_con ul li .ends{ overflow:hidden; float:right; width:200px; text-align:right; border-left:1px solid #eaeaea; height:166px; position:relative; font-family:Arial;}

.news_con ul li .ends em{ position:absolute; right:0; top:50%;font-style:normal;color:#e0e0e0; font-family:Arial;transform: translate(0%, -50%); font-weight:bold;transition:all 0.3s;}

.news_con ul li .ends em b{ display:block; font-weight:normal;}

.news_con ul li .ends .news_more{ width:130px; text-align:center;height:42px; line-height:42px;color:#fff; font-size:15px;transition: all 0.3s; position:absolute; right:0; top:50%;transform: translate(0%, -50%); background:#485565;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0); margin-right:5px;}

.news_con ul li .ends .news_more:hover{ background:#23a460;}

.news_con ul li:hover .txts h3{color:#485565;}

.news_con ul li:hover .ends .news_more{opacity:1.0;filter:Alpha(opacity=100); margin-right:0;}

.news_con ul li:hover .ends em{opacity:0;filter:Alpha(opacity=0);}







.i_news{ overflow:hidden; margin-top:3%; background: #fff;border-radius:6px; position:relative;}
.i_news .imgs{ float:left; width:50%;  overflow:hidden;}
.i_news .imgs .img{ background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;transition:all 0.3s;}
.i_news .imgs:hover .img{-webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05);}
.i_news .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.i_news .txts{ overflow:hidden; position:absolute; right:0; width:50%; height:100%; top:0; background:url(../images/i_bg6.png) #f8f8f8 right bottom no-repeat; background-size:100% auto;}
.i_news .txts .cons{  margin:0 auto; max-width:570px; width:94%; overflow:hidden;}
.i_news .txts .h3{ font-weight:normal; font-size:18px; overflow:hidden; line-height:28px; max-height:56px; color:#333;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:13%;}
.i_news .txts .p{ color:#888; overflow:hidden; margin-top:4.5%; line-height:20px; height:60px; font-size:14px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.i_news .txts .date{ float:right; margin-top:-30px; line-height:30px; overflow:hidden; height:30px; color:#999999; font-size:16px;}
.i_news .imore1{ display:block; width:30px; height:30px;  overflow:hidden;transition:all 0.3s; margin-top:12%; background:url(../images/i_bg4.png) no-repeat; background-size:100% 100%;}
.i_news .imore1:hover{ background-image:url(../images/i_bg4_on.png); margin-left:3px;}
.i_news_ul{ overflow:hidden; margin-top:2%; margin-bottom:3%;}
.i_news_ul ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#f8f8f8; overflow:hidden; border-radius:6px; background-size:cover;}
.i_news_ul ul li:nth-child(3n+0){ margin-right:0;}
.i_news_ul ul li:hover{ background-image:url(../images/i_bg7.png);}
.i_news_ul ul li .txts{ margin:0 auto; max-width:358px; width:94%; overflow:hidden; margin-top:8%; margin-bottom:8%;}
.i_news_ul ul li .txts .h3{ font-weight:normal; font-size:18px; overflow:hidden; line-height:28px; height:56px; color:#333;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;transition:all 0.3s; }
.i_news_ul ul li .txts .date{margin-top:5%; line-height:20px; height:20px; overflow:hidden;  color:#999999; font-size:16px;transition:all 0.3s;}
.i_news_ul ul li .txts .p{ color:#888; overflow:hidden; margin-top:4.5%; line-height:20px; height:40px; font-size:14px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;transition:all 0.3s;}
.i_news_ul ul li .txts .imore1{ display:block; width:30px; height:30px;  overflow:hidden;transition:all 0.3s; margin-top:10%; background:url(../images/i_bg4.png) no-repeat; background-size:100% 100%;}
.i_news_ul ul li:hover .txts .imore1{ background-image:url(../images/i_bg4_on.png); margin-left:3px;}
.i_news_ul ul li:hover .txts .h3{ color:#fff;}
.i_news_ul ul li:hover .txts .date{ color:#fff;}
.i_news_ul ul li:hover .txts .p{ color:#fff;}
@media screen and (max-width: 1400px) {
/*关于我们*/
.i_about .txts .cons{ font-size:14px;}
/*研发定制*/
.i_product .txts .p{ font-size:14px;}
}

@media screen and (max-width: 1260px) {
/*应用领域*/
.i_application .imgs .img{ height:350px;}
/*新闻中心*/
.i_news .txts .h3{ margin-top:10%;}
}
@media screen and (max-width: 1200px) {
/*关于我们*/
.i_about .imgs .img{ height:425px;}
.i_about .txts .label{ margin-top:2%;}
.i_about .counter .h6{ font-size:13px; line-height:22px; height:22px;}
.i_about .imore1{ margin-top:5%;}
/*研发定制*/
.i_product .imgs .img{height:384px;}
.i_product .txts .tit{ padding-top:8%;}
.i_product .imore1{ margin-top:5%;}
/*应用领域*/
.i_application .imgs .img{ height:330px;}
.i_application .i_application_l ul li{ padding-bottom:18px;}
.i_application .i_application_l ul li:nth-child(4),.i_application .i_application_l ul li:nth-child(5),.i_application .i_application_l ul li:nth-child(6){ padding-top:18px;}
.i_application .i_application_l ul li i{ width:86px; height:86px;}
.i_application .i_application_l ul li .h3{ font-size:15px;}

}
@media screen and (max-width: 1100px) {
/*关于我们*/
.i_about .imgs .img{ height:383px;}
.i_about .txts .cons{ line-height:24px; height:96px;}
/*研发定制*/
.i_product .imgs .img{height:352px;}
.i_product .txts .p{ line-height:24px; height:96px;}
/*应用领域*/
.i_application .i_application_l ul li i{ width:76px; height:76px;}
.i_application .i_application_l ul li .h3{ font-size:14px; height:24px; line-height:24px;}
.i_application .imgs .img{ height:305px;}
/*新闻中心*/
.i_news .txts .h3{ margin-top:8%;}

}
@media screen and (max-width: 960px) {
/*关于我们*/
.i_about .txts{ float:none; width:100%; max-width:none;}
.i_about .imgs{ float:none; width:100%;}
.i_about .imgs .img{ height:auto;}
.i_about .txts .label{ margin-top:4%;}
.i_about .txts .cons{ margin-top:3%; height:auto; max-height:96px;}
.i_about .counter{ margin-top:4%;}
.i_about .counter .h6{ height:auto;}
/*研发定制*/
.i_product .txts{ float:none; width:100%; max-width:none; padding-bottom:5%;}
.i_product .txts .cons{ max-width:none;}
.i_product .txts .tit{ padding-top:5%; padding-bottom:3.5%;}
.i_product .txts .p{ height:auto;max-height:96px;}
.i_product .imgs{ float:none; width:100%;border-radius:6px;}
.i_product .imgs .img{ height:auto;}
/*应用领域*/
.i_application{ padding-top:20px;}
.i_application .i_application_l{ position:static; width:94%; margin-left:3%; max-width:none;transform: translate(0%, 0%);}
.i_application .imgs{ float:none; width:100%; margin-top:4%;}
.i_application .imgs .img{ height:auto;}
/*新闻中心*/
.i_news .imgs{ float:none; width:100%;border-radius:6px;}
.i_news .txts{ position:static; width:100%;}
.i_news .txts .cons{ max-width:none; margin-bottom:5%;}
.i_news .txts .h3{ margin-top:4%;}
.i_news .txts .p{ height:auto; max-height:60px; margin-top:2%;}
.i_news .imore1{ margin-top:5%;}
}

@media screen and (max-width: 780px) {


}
@media screen and (max-width: 640px) {
/*新闻中心*/
.i_news .txts .h3{ line-height:24px; max-height:48px; font-size:16px;}
.i_news .txts .p{ font-size:13px;}
.i_news .txts .date{ font-size:14px;}

}

@media screen and (max-width: 480px) {
/*关于我们*/
.i_about{ margin-top:4%;}
.i_about .txts .label{ margin-top:5%;}
.i_about .txts .cons{ font-size:13px; line-height:22px; max-height:88px;}
.i_about .counter{ margin-top:4%;}
.i_about .counter ul li .nums{  width:66px; line-height:66px; height:66px;}
.i_about .counter label{ line-height:40px; font-size:13px;}
.i_about .counter .h6{ font-size:12px; line-height:20px;}
/*研发定制*/
.i_product{ margin-top:4%;}
.i_product .txts{ padding-bottom:6%;}
.i_product .txts .tit{ padding-top:6%; padding-bottom:4%;}
.i_product .txts .tit .h3{ height:66px; line-height:66px; padding-left:76px; background-size:66px 66px;}
.i_product .txts .p{ font-size:13px; line-height:22px; max-height:88px;}
/*应用领域*/
.i_application{ margin-top:4%;}
.i_application .i_application_l{ margin-left:0; width:100%;}
.i_application .i_application_l ul li i{ width:60px; height:60px;}
.i_application .i_application_l ul li .h3{ font-size:13px;}
/*新闻中心*/
.i_news .txts .h3{ line-height:22px; max-height:44px; font-size:15px; margin-top:5%;}
.i_news .txts .p{ font-size:12px; margin-top:3%;}
.i_news .txts .date{ font-size:13px;}
}
@media screen and (max-width: 360px) {
/*应用领域*/
.i_application .i_application_l ul li .h3{ font-size:12px; height:20px; line-height:20px;}
}

@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}